<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>高级检索-问卷内容</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <div>
        <div class="zr_header">
            <div class="zr-center-box">
                <img src="img/logo.png" class="zr_logo"/>
                <ul class="zr_tab">
                    <li>我的问卷</li>
                    <li class="zr_tab-border">高级检索</li>
                    <li>综合题库</li>
                    <li>用户管理</li>
                    <li>考察点管理</li>
                    <li>联系人管理</li>
                    <li>帮助中心</li>
                </ul>
                <div class="zr_right-box">
                    <img class="zr_head-img" src="img/header.png"/>
                    <span>dnnfdsh</span>
                    <span>|</span>
                    <span>退出</span>
                </div>
            </div>
        </div>
        <div class="zr_fixed-box"></div>
        <div class="zr_search-box">
            <div class="zr-center-box">
                <div class="zr_search-form zr_pointer">
                    <div class="zr_til-form">
                        <img src="img/lt.png" class="zr_back-icon"/>
                        <span>返回</span>
                        <span class="zr_sg">|</span>
                        <span class="zr_green-ionic">问卷内容：民众调查——青运会对高校大学生体育锻炼意识的影响问卷调查</span>
                    </div>
                    <input type="button" class="zr_float-r zr_save-btn" value="导出"/>
                    <input type="button" class="zr_float-r zr_save-btn" value="复制问卷"/>
                </div>
            </div>

        </div>
        <div class="zr-center-box">
            <div class="zr_float-r zr-news">
                <span>问卷类型：调查问卷</span>
                <span>回收问卷数量：5600</span>
                <span>题目总数：16</span>
                <span>创建时间：2017/10/12 22:12:23</span>
            </div>
        </div>
        <div class="zr-center-box">
            <div class="zr_common-box zr_table-white">
                <table>
                    <thead>
                    <tr>
                        <td class="w-10">
                            序号
                        </td>
                        <td class="w-90 zr_text-left">
                            题目
                        </td>
                    </tr>
                    </thead>
                    <tbody>
                    <tr class="zr_tr-border">
                        <td>
                            <div class="zr-td-num">01</div>
                        </td>
                        <td class="zr_text-left">
                            <div class="zr_td-div">性别？</div>
                            <label class="zr_choice-rodio"><input type="radio" name="sex" class="zr_radio"/>男</label>
                            <label class="zr_choice-rodio"><input type="radio" name="sex" class="zr_radio"/>女</label>
                        </td>
                    </tr>
                    <tr class="zr_tr-border">
                        <td>
                            <div class="zr-td-num">02</div>
                        </td>
                        <td class="zr_text-left">
                            <div class="zr_td-div">年龄？</div>
                            <label class="zr_choice-rodio"><input type="radio" name="age" class="zr_radio"/>18岁以下</label>
                            <label class="zr_choice-rodio"><input type="radio" name="age" class="zr_radio"/>18 - 25岁</label>
                            <label class="zr_choice-rodio"><input type="radio" name="age" class="zr_radio"/>26 - 30岁</label>
                            <label class="zr_choice-rodio"><input type="radio" name="age" class="zr_radio"/>30 - 40岁</label>
                            <label class="zr_choice-rodio"><input type="radio" name="age" class="zr_radio"/>41 - 50岁</label>
                            <label class="zr_choice-rodio"><input type="radio" name="age" class="zr_radio"/>51 - 60岁</label>
                            <label class="zr_choice-rodio"><input type="radio" name="age" class="zr_radio"/>60岁以上</label>
                            <label class="zr_choice-rodio"><input type="radio" name="age" class="zr_radio"/>30 - 40岁</label>
                            <label class="zr_choice-rodio"><input type="radio" name="age" class="zr_radio"/>41 - 50岁</label>
                            <label class="zr_choice-rodio"><input type="radio" name="age" class="zr_radio"/>51 - 60岁</label>
                            <label class="zr_choice-rodio"><input type="radio" name="age" class="zr_radio"/>60岁以上</label>
                        </td>
                    </tr>
                    <tr class="zr_tr-border">
                        <td>
                            <div class="zr-td-num">03</div>
                        </td>
                        <td class="zr_text-left">
                            <div class="zr_td-div">你现在所在年级是？</div>
                            <label class="zr_choice-rodio"><input type="radio" name="cur" class="zr_radio"/>大一</label>
                            <label class="zr_choice-rodio"><input type="radio" name="cur" class="zr_radio"/>大二</label>
                            <label class="zr_choice-rodio"><input type="radio" name="cur" class="zr_radio"/>大三</label>
                            <label class="zr_choice-rodio"><input type="radio" name="cur" class="zr_radio"/>大四</label>
                        </td>
                    </tr>
                    <tr class="zr_tr-border">
                        <td>
                            <div class="zr-td-num">04</div>
                        </td>
                        <td class="zr_text-left">
                            <div class="zr_td-div">你对青运会了解吗？</div>
                            <label class="zr_choice-rodio"><input type="radio" name="know" class="zr_radio"/>了解</label>
                            <label class="zr_choice-rodio"><input type="radio" name="know" class="zr_radio"/>不了解</label>
                            <label class="zr_choice-rodio"><input type="radio" name="know" class="zr_radio"/>知道有，但不是很了解</label>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="zr_scroll-top" id="scrollTop">
            <img src="img/top.png"/>
        </div>
        <div class="zr_scroll-top zr_scroll-bottom" id="scrollBottom">
            <img src="img/bottom.png"/>
        </div>
    </div>
</body>
<script src="js/jquery.min.js" type="text/javascript"></script>
<script>
    $('#scrollTop').click(function(){
        $("html,body").animate({scrollTop:0}, 100);
    });
    $('#scrollBottom').click(function(){
        var bodyHeight = $(document).height();
        $("body,html").animate({ "scrollTop": bodyHeight + "px" }, 100);
    });
</script>
</html>